<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Modificar el contenido de una capa con Prototype</title>
<script type="text/JavaScript" src="http://lineadecodigo.com/js/prototype/prototype.js"></script>

<script type="text/javascript">
function modificarCapa(texto){
  $('micapa').innerHTML=texto;
}
</script>
</head>
<body>

<h1>Modificar el contenido de una capa con Prototype</h1>

<form action="#">
<input type="button" value="Texto Uno" onClick="modificarCapa('Texto Uno');return false;"/>
<input type="button" value="Texto Dos" onClick="modificarCapa('Texto Dos');return false;"/>
<input type="button" value="Texto Tres" onClick="modificarCapa('Texto Tres');return false;"/>
<input type="button" value="Texto Cuatro" onClick="modificarCapa('Texto Cuatro');return false;"/>
</form>

<br/>

<div id="micapa">
Contenido de mi capa<br>
para lineadecodigo.com
</div>

<hr>
Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/2007/02/25/modificar-el-contenido-de-una-capa-con-prototype/">http://lineadecodigo.com/2007/02/25/modificar-el-contenido-de-una-capa-con-prototype/</a><br/>
<a href="http://lineadecodigo.com" title="Linea de Codigo">lineadecodigo.com</a>


</body>
</html>